
window.addEventListener('load', () => {
  if ('serviceWorker' in navigator) {
    // 注销已有的 Service Worker
    // navigator.serviceWorker.getRegistrations()
    // .then((regs) => {
    //   for (let reg of regs) {
    //     reg.unregister()
    //   }
    // })

    // 注册新 Service Worker
    navigator.serviceWorker.register(
      // '/service-worker/sw.js',
      '/sw.js',
      {scope: '/'}
    )
    .then((registration) => {
      console.log('sw scope:', registration.scope)
    })

    // 控制权发生变更
    navigator.serviceWorker.oncontrollerchange = (event) => {
      // 页面已更新
      console.log('sw oncontrollerchange:', event)
    }

    // 控制权发生变更
    if (!navigator.onLine) {
      // 网络已断开，内容可能已过期
      console.log('网络已断开，内容可能已过期')
      window.addEventListener('online', (event) => {
        // 网络已连接，刷新获取最新内容
        console.log('网络已连接，刷新获取最新内容', event)
      })
    }
  }
})
